
<template>
  <el-table :data="steps" style="width: 100%" :header-cell-style="{ background: '#f2f2f2', color: '#333', fontWeight: 600, }">
    <el-table-column label="步骤" align="center"> 
      <template slot-scope="scope">{{ scope.row.name == null ? '--' : scope.row.name}}</template>
    </el-table-column>
    <el-table-column label="用时" align="center"> 
      <template slot-scope="scope">{{ scope.row.shi == null ? '--' : scope.row.shi }}</template>
    </el-table-column>
    <el-table-column label="平均用时(s)" align="center"> 
      <template slot-scope="scope">{{ scope.row.pinshi == null ? '--' : scope.row.pinshi }}</template>
    </el-table-column>
    <el-table-column label="完成状态" align="center"> 
      <template slot-scope="scope">{{ scope.row.status == 1 ? '完成' : '未完成' }}</template>
    </el-table-column>
  </el-table>
</template>
<script>
export default {
  props: {
    steps: {
      type: Array,
      default: null
    }
  }
}
</script>
